<ion-header>
    <header>
        <div class="header_pertitle">
            添加经销商
        </div>
    </header>
</ion-header>
<ion-content>
    <div class="dealer_content">
        <p>联系人: <span>{{data.name}}</span></p>
        <!--这里通过数据双向绑定，组件间数据传递-->
        <p>电话: <span>{{data.mobile}}</span></p>
        <p>公司名称: <span>{{data.companyName}}</span></p>
        <p>详细地址: <span>{{data.companyAddressName}}</span></p>
    </div>
    <!--代理产品-->
    <div (click)="openModal({product: 'this.product'})" id='textarea_product' class="list_product">
        <div id="product">
            代理产品<span id="line"></span>
        </div>
        <div id="product_content">
            请选择您的产品
        </div>
    </div>
    <!--备注-->
    <ion-list class='textarea_remark'>
        <ion-item>
            <ion-label fixed class='textarea_remarklable'>备注<span class="line"></span></ion-label>
            <ion-textarea name="" rows="" cols="" [(ngModel)]="remarks"></ion-textarea>
            <!--<ion-input type="text" value=""></ion-input>-->
        </ion-item>
    </ion-list>

    <!--底部按钮-->
    <div class="trench_bottombtn">
        <button ion-button (click)="cancel()">取消</button>
        <button ion-button (click)="confirm()">确定</button>
    </div>
    <!--//提示信息-->
    <!--<div class="box" *ngIf="isShow">

    </div>
    <div class="toast" *ngIf="isShow">
        <p id="toast_toptitle">确认信息</p>
        <p id="border"></p>
        <p>添加完成后无法修改，请确认您填写的信息准确无误。</p>
        <p *ngIf="isNeed" style="color: red">*城市为必选项</p>

        <div class="toast_btn">
            <button ion-button (click)="cancelAdd()">取消</button>
            <button ion-button (click)="correctAdd()">已正确填写</button>
        </div>
    </div>-->
</ion-content>



